body.CoreBody .el-dialog {
  border-radius: 4px;
  background-size: 100% 100%;
}

body.CoreBody .el-dialog__header {
  line-height: 30px;
  padding: 20px 30px 10px;
  border-radius: 4px 4px 0px 0px;
  border-width: 0;
  background: linear-gradient(90deg, #005288, #008a89);
  text-align: center;

  .el-dialog__title {
    color: #fff;
  }

  .el-dialog__headerbtn {
    top: 20px;

    i {
      color: #fff;
    }
  }
}

body.CoreBody .el-dialog__body {
  padding: 20px 25px;

  > .CoreWeb-Modal-body {
    padding: 20px;
    background: hsla(0, 0%, 100%, 0.4);
  }
}

body.CoreBody .el-dialog__footer {
  padding-top: 20px;

  .CoreWeb-Modal-canel {
    padding: 9px 15px;
    border-color: var(--Primary);
    color: var(--Primary);
    background: transparent;

    &:hover {
      border-color: var(--Primary7);
      color: var(--Primary7);
    }
  }
}
